@charset "utf-8";

.wapsearch{ display: none; }
.si_clear{ display: block; width: 100%;float: left; }
.san_video{ display: block; width: 100%;float: left; }

@media screen and (max-width: 1320px) {
.online{right: 0}
.syimp .swiper-button-prev{left: 0;}
.syimp .swiper-button-next{right: 0;}
.syxin .swiper-button-prev{left:0;}
.syxin .swiper-button-next{right:0;}
.foot-di li{margin-right: 0}
}
@media screen and (max-width: 1200px) {
.container{width: 100%; padding-left: 10px; padding-right:10px }
.foot-dihh{width: 100%; float: left; margin-top:10px;}
.foot-di li{margin-right:30px}

}
@media screen and (max-width: 1024px) {
.nav{margin-left:1%; width: 65%  }
.mem_nav h3{ height:70px; line-height:70px; font-size:24px;}
.weiconz-s video{ height: 400px; }
}

@media screen and (max-width: 920px) {
.nav ul>li{width: 12%; margin-right:0.5%}

}


@media screen and (max-width:860px) {



header{ background:#fff; border-bottom:1px solid #007ec5; height: auto; line-height: inherit;
	position:fixed; top: 0; left: 0; z-index: 20 }
header h1 img{height:60px; margin:5px 0;}
.heay-you{width: 100%; float: none;}
.pcsearch{ display: none; }
.wapsearch{ display: block; }

/*.hea-search .k{ margin-top:0; position: absolute; display: none;
height: 45px; line-height: 45px}
.hea-search .b{background:url(../images/sea-btnbgmobile.png) no-repeat center center;
	margin-top:-64px; margin-right: 135px;width: auto;}
.hea-search .b:after{content: "搜索"; display: inline-block;
margin-left:55px; color: #666; line-height: 35px}
.hea-search .b:hover:after{color: #007ec5;}
*/
.nav_click{display: block; position: absolute; top:33px;right:0px; 
  background: none;border: none;outline: none;cursor: pointer;}
.nav_click span{display: block;width:28px;height:2px;margin:6.5px;background-color: #666;
  -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.navclose{display: block;width: 100%;text-align: right; 
	cursor: pointer; clear: both;
    padding:10px 10px 10px 0; }
.nav{display: none; position: fixed; width:100%!important; height: 100%; top:0; left: 0; 
 background: rgba(0,0,0,0.8);  z-index: 12; margin: 0; }
.nav ul>li { width: 100%; height:auto; text-align: center;}
.nav ul>li:hover a, .nav ul li.cur a{color: #007ec5}
.nav ul>li>a{display:inline-block;line-height:45px; height: auto;
font-size:18px; color: #fff; }
.nav ul>li i{display: none}
.nav ul>li>a{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;
    transition: all 0.5s; -ms-transition: all 0.5s;}
.nav li>a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: return;
    animation-name: return;
}
@-webkit-keyframes return {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.wapsearch{margin-top: 71px; padding: 10px;}

.syshu li{width: 49%; margin-right: 1%; margin-bottom: 10px}

.synews .synewsy {width: 100%; margin-bottom: 10px}
.synewsy figure{height: 450px}
.synews .synewsz{width: 100%}
.syimpy p{max-height:75px; overflow: hidden;}

.bookz{width: 100%}
.bookz>li{width: 24%; margin-right: 1%; position: relative; }
.bookz-zi{display: none; /*position: absolute;*/ z-index: 2; border: 1px solid #0065bb;
padding: 10px 0}
.booky{width: 100%}

.list_img .liimg{height:160px }

.classfiyItem{width:32%; margin-right: 1%; float: left; position: relative;
padding: 0; border: none}
.classfiyItem span{width: 100%; background: #0065bb; color: #fff; line-height:50px;
text-align: center; }
.classfiyList{/*position: absolute; z-index: 2; top:50px; 
left: 0;*/ width: 100%;  background: #fff; border: 1px solid #0065bb; padding: 10px 0;display: none;}
.classfiyList a{width: 100%; margin: 0; padding: 0; text-align: center; line-height: 40px; height: 40px; font-size: 16px;}
.classfiyList i{display: none}

.loginbg{height: auto;}
.login{float: none; margin: 0 auto; }

.shenqing{ width: 100%; margin:0; top:0; left: 0; height: 100%; }
.play{ width: 100%; left: 0; margin-left:0; }

.weiconz-s video{ height: 260px; }

}



@media screen and (max-width:768px) {
.sydtit{background: none}
.sydtit b{font-size: 20px; margin-bottom: 5px}
.syshux span{font-size: 20px}
.syshux i{margin-top: 20px}
.syimpbg .more{height: 40px; line-height: 40px; width: 160px; font-size: 18px}
.syimp li img{width:100%}
.syimp li .syimpy{width:100%}

.syxin .swiper-button-prev img, .syxin .swiper-button-next img{height:30px}
.syimp .swiper-button-prev img, .syimp .swiper-button-next img{height:30px}



.link, .foot-di{display: none}
.foot{padding: 5px 0 55px 0}
.copy{margin-top: 0; text-align: center;}

.nxtit span{font-size: 20px}
.nxtit:after{margin-top: 0}

.newscon-t h1{font-size:18px}

.booky>li{width:31.2%; margin-right:2%!important; }
.si_clear{ display: none; }
.san_clear{ display: block; width: 100%; float: left; }
.bookcontop-img{width: 50%; float: none; margin:0 auto}
.bookcontop-you h1 .return{display: none}

.bookcontop-you{width: 100%; margin-top: 10px}
.bookcontop-you h1{font-size: 20px; padding-bottom: 10px}
.bookcontop-youtxt p{width: 100%}
.bookdetailTabBg{display: none}
.bookconbtn li{width: 100px;}

.course-t h3{font-size: 20px}
.contact-t{font-size: 22px}

.weiconz h1{font-size: 20px}

.loginbg{}
.login{width: 100%}
.register{width: 100%}
.getpass{width: 100%}

.fenye .num,.fenye .end,.fenye .first{ display: none; }

/*member*/
.mem_nav{ width:100%;}
.mem_nav h3{ line-height:70px; height:70px; font-size:24px;}
.mem_nav li{ width:33.33%; float:left;}
.mem_main{ width:100%;}

.weiconz h1{ margin-top: 20px; }
.weiconz-s video{ height: 202px; }


.online{ position:fixed; top:auto; bottom:0; height:50px; width:100%; }
.online li{ width:20%; float:left; margin-bottom:0; }
.online li:nth-child(2){ display:none; }
.online li.online_top{ display:block !important;}
.online li .onlineico{ width:100%;}
.online li .onlineico img{ height:50px; width:auto; margin:0 auto; display:block; }
.online li.chat .wechat{ right:auto; left:50%; margin-left:-57px; top: -115px; }
.online li .onlineconbg{ display:none !important;}

}


@media screen and (max-width:640px) {
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.syshu li .syshux{padding: 10px}
.syshu li .syshux{background-size:40px;}
.syshux span{font-size: 18px}
.syshux span:after{height: 2px}
.syshux i{height: 25px; line-height: 25px}
.syimpy p, .syimpy i{display: none}
.syimpy span{padding:0;padding-top: 10px; margin: 0; border: none; font-size: 16px;}
.syimp li:hover span{ border:none;}
.synewsy figure{height: 240px}
.synewsz .demo .content p{max-height: 50px; overflow: hidden;}
.synewsz .demo .date{display: none}
.bookz-zi>a{padding-left: 0; text-align: center; line-height:40px; font-size: 16px;}
.bookz-zi>a:hover:before{display: none;width: 0}
.list_img .liimg{width: 100%; height: 320px}
.list_img .litxt{width: 100%; margin-top: 10px}
.list_img .litxt p{max-height:50px; overflow: hidden; }

.bookdetailCon .biaoti{padding:10px 0px 10px 20px; margin-bottom: 10px}

.booky-sea{width: 75%}
.classfiyList-sea{width: 75%}
.bookz>li{width: 100%;background: none; color: #666; text-align: left;
border-bottom: 1px solid #0065bb; }
.bookz>li span{padding-left: 10px;}
.booky>li{width: 48%}

.san_clear,.si_clear{ display: none; }
.er_clear{ display: block; width: 100%; float: left; }

.classfiyItem{width: 100%;}
.classfiyItem span{width: 100%;background: none; color: #666;text-align: left;
	border-bottom: 1px solid #0065bb; padding-left: 10px}
.classxia li{width: 49%; margin-right:1%!important;}
.san_video{ display: none; }
.er_video{ display: block; width: 100%;float: left; }

.course-t{left: 10px; top: 10px}
.course-t h3{font-size: 16px}

.coursecon-top li{width: 19.5%; margin-right:0.5%; margin-bottom: 10px}
.coursecon-xiaBtn{width: 100%; float: none; text-align: right}
.coursecon-xiaBtn a{margin: 0 5px}
.coursecon-xia li{height: auto; line-height: 35px; padding: 0 5px}
.coursecon-xia li a{margin-right: 0}

.course li{width: 49%; margin-right:1%!important;}

.weicon-return{display: none}
.weiconz{width: 100%; margin-top: 0}
.weicony{width: 100%; margin-top: 10px}
.weicony li{width:32%; margin-right: 1%; float: left;}

.form p{width: 100%}
.form p span{width:20%}
.form .b{width: 40%; height: 40px; line-height: 40px; margin-left:0;}
.form p.dp .dk{width: 97%; height: 100px}

.ditu>div{height: 200px!important;}

.login{padding: 10px}
.loginlist li input.xk{width: 41%;}
.register{padding: 10px}
.login h3, .register h3, .getpass h3{font-size: 20px; padding-bottom: 20px}
.regItem label{width: 25%}
.regItem .regItemaa2{margin-left: 25%}
.regItem .regItemaa{padding:0 5px;}
.getpass{padding: 10px}
}


@media screen and (max-width:480px) {
.syshux i{padding: 0 5px}
}